﻿<!DOCTYPE html>
<html>

    <head>
    <title>Gestion Polyformatik</title>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<style>
		table
			{
				margin-left: auto;
				margin-right: auto;			
				border-collapse:collapse;
			}
		td
			{
				text-align:right;
			}				
		table, td, th
			{
				border:1px solid black;
			}
	</style>
	
    <link rel="stylesheet" href="./jquery/css/jquery.mobile-1.2.0-alpha.1.css" />
	<link rel="stylesheet" href="./jquery/css/polyformatik/themes/polyformatik.min.css" />
	<link rel="stylesheet" type="text/css" href="./jquery/css/jqm-datebox.min.css" /> 
	
    </head>
 
<body>
	
     <div data-role="page" id="plash">
         <div data-role="header">
            <h1>Polyformatik inc.</h1>
			<a href="#popupLogin" data-transition="slidedown" data-icon="gear" class="ui-btn-right">Sign in</a>
		 </div>
		 <div id="resultLog"></div>	
    </div>


	
     <div data-role="page" id="popupLogin">
         <div data-role="header">
            <h1>Polyformatik inc.</h1>
			<a href="#popupLogin" data-rel="popup" data-icon="gear" class="ui-btn-right">Sign in</a>
		 </div>

		<form>
		   <div style="padding:10px 20px;">
			   <h3>Please sign in</h3>
				<label for="theName">Username :</label>
				<input type="text" id="theName" name="theName"  />
				<label for="thePass">Password :</label>
				<input type="password" id="thePass" name="thePass" />	
				<button  type="button" id="callSignin" data-inline="true">Sign in</button>
				<button  type="button" id="callCancel" data-inline="true">Cancel</button>
			</div>
		</form>

    </div>
	
	
    <div data-role="page" id="ftdPage" data-add-back-btn="true">
        <div data-role="header">
            <h1>Feuille de temps</h1>
		</div>
		<div data-role="content">   
            <div> 
			    <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox", "useNewStyle":true}' data-mini="true">
				<div class="ui-grid-a">
					<div class="ui-block-a">
					     <input type="number" name="number_hours" id="number_hours" value="7" min="0" max="14" step="0.5" data-inline="false" data-mini="true"/>	
					</div>
					<div class="ui-block-b">
						 <select name="select_client" id="select_client" data-inline="false" data-mini="true">
					         <option value=2>GDG</option>
				         </select>					
					</div>	
				</div>					
				<div class="ui-grid-b">
					<div class="ui-block-a">
						<select name="flip_update" id="flip_update" data-inline="false" data-mini="true">
							<option value="Y">Day</option>
							<option value="N">All</option>
						</select> 					
				    </div>							
					<div class="ui-block-b">
					     <input type="submit" name="save_button" id="save_button" value="Save" data-inline="false" data-mini="true"/>
					</div>
					<div class="ui-block-c">
					     <input type="submit" name="delete_button" id="delete_button" value="Delete" data-inline="false" data-mini="true"/>
					</div>
				</div>
			</div> 
			<div> 
				<div data-role="collapsible" data-collapsed="true" data-theme="a">
				  <h2>Quotidien</h2>
				  <ul id="daily_summary" data-role="listview">
				  </ul>
				</div>
				<div data-role="collapsible" data-collapsed="true" data-theme="a">
				  <h2>Hebdomadaire</h2>
				  <ul id="weekly_summary" data-role="listview">
				  </ul>
				</div>					
				<div data-role="collapsible" data-collapsed="true" data-theme="a">
				  <h2>Mensuel</h2>
				  <ul id="month_summary" data-role="listview">
				  </ul>
				</div>		
				<div data-role="collapsible" data-collapsed="true" data-theme="a">
				  <h2>Annuel</h2>
				  <ul id="yearly_summary" data-role="listview">
				  </ul>
				</div>	
			</div> 
        </div>
    </div>		


	<div id="reportListPage" data-role="page" data-add-back-btn="true">

		<div data-role="header">
			<h1>Direct Reports</h1>
		</div>

		<div data-role="content">
			 <ul id="reportList" data-role="listview"></ul>
		</div>		

	</div>


	
	<div id="detailsPage" data-role="page" data-add-back-btn="true">

		<div data-role="header">
			<h1>Répertoire des employés</h1>
		</div>

	  <div data-role="content"> 

		<img id="employeePic"/>
		<div id="employeeDetails">
		   <h3 id="fullName"></h3>
		   <p id="employeeTitle"></p>
		   <p id="city"></p>
		</div>
		 
		<ul id="actionList" data-role="listview" data-inset="true"></ul>

	  </div>

	</div>
	
	<div id="employeeListPage" data-role="page" data-add-back-btn="true">

		<div data-role="header" data-position="fixed">
			<h1>Répertoire des employés</h1>
		</div>

		<div data-role="content">
			 <ul id="employeeList" data-role="listview" data-filter="true"></ul>
		</div>		

	</div>

    <div data-role="page" id="ExportPage" data-add-back-btn="true">
        <div data-role="header">
            <h1>Export de données</h1>
		</div>
		<div data-role="content">   
			<div class="ui-grid-a">
				<div class="ui-block-a">
					<select name="select_table" id="select_table" data-inline="false" data-mini="true">
					  <option value=t102_fdt_invoice>T-Temps</option>
					  <option value=t001_users>T-Employés</option>
					  <option value=t007_assign>T-Assignations</option>
					  <option value=t003_clients>T-Clients</option>
					  <option value=t006_accounts>T-Comptes</option>
					</select>					
				</div>							
				<div class="ui-block-b">
					 <input type="submit" name="export_button" id="export_button" value="Téléchargez" data-inline="false" data-mini="true"/>	
				</div>
			</div>			
        </div>	
    </div>		

    <div data-role="page" id="PageMenu">
        <div data-role="header">
            <h1>Polyformatik</h1>
			<input type="submit" name="signout_button" id="signout_button" data-icon="gear" class="ui-btn-right" value="Signout" />
		</div>
		<div data-role="content">   
             <ul id="ListMenu_admin" data-role="listview">
			 	 <li><a href="#ftdPage" ><b id="TIMESHEET_admin">(TIMESHEET)</b></a></li>
				 <li><a href="#employeeListPage" ><b id="DIRECTORY_admin">(DIRECTORY)</b></a></li>
				 <li><a href="#ExportPage" ><b id="EXPORT_admin">(EXPORT)</b></a></li>
			 </ul>
             <ul id="ListMenu_employee" data-role="listview">
			 	 <li><a href="#ftdPage" ><b id="TIMESHEET_empl">(TIMESHEET)</b></a></li>
				 <li><a href="#employeeListPage" ><b id="DIRECTORY_empl">(DIRECTORY)</b></a></li>
			 </ul>			 
        </div>			

	<script src="./jquery/js/jquery-1.7.1.min.js"></script>
    <script src="./jquery/js/jquery.mobile-1.2.0-alpha.1.js"></script>

    <script type="text/javascript" src="./jquery/js/jqm-datebox.core.min.js"></script>
    <script type="text/javascript" src="./jquery/js/jqm-datebox.mode.calbox.min.js"></script>
    <script type="text/javascript" src="./jquery/js/jquery.mobile.datebox.i18n.en_US.utf8.js"></script>
	
   	<script src="./config/js/options.js"></script>
    <script src="./languages/js/languages.js"></script>	
	<script src="./login/js/login.js"></script>
    <script src="./fdt/js/fdt.js"></script>	
	<script src="./directory/js/employeelist.js"></script>
	<script src="./directory/js/employeedetails.js"></script>
    <script src="./dataexport/js/export.js"></script>
	
	
</body>
</html>